@charset "UTF-8"
/* css document */


header, nav, footer, article, section, aside {
	display:block;
}

a {text-decoration:none;}

body {background-color:#d1d0d0;}
#mainwrap {background-color:#eeeeee}
#main-header #top {height:50px; background:#eae9ed;}
#main-header #logo {height:100px; background:transparent url(../images/0logo.png) no-repeat;}
#main-header #ballon1 {height:150px; background: transparent url(../images/0-ballon-2.png) no-repeat; margin-top: -25px;}
#main-header #ballon2 {height:80px; background: transparent url(../images/0-ballon-1.png) no-repeat; margin-top: -35px;}
#main-header #slash {height:100px; background:transparent url(../images/0-slash.png) no-repeat;}

#main-nav {height:50px; background: transparent url(../images/1-main-nav-m.png) repeat-x top left; border:solid 1px;}
#main-nav a{color:white; text-decoration:none; line-height:50px; margin:auto; text-align:center;}
#main-nav a:first-child {margin-left:160px;} /* firt menu margin */
#main-nav a:hover {background:transparent url(../images/1-main-nav-hover.png) repeat-x top left;}
#main-nav .vert-sep {float:left;width:10px;height:50px; background: transparent url(../images/1-main-nav-vert-sep.png) no-repeat top left;}

#featured {height:300px;background: transparent url(../images/2-features-border.png) no-repeat  center;}
#featured #descrp {height:300px; background: transparent url(../images/2-features.png) no-repeat center;}

#mainwrap #breadcrumbs {height:30px; background-color:#ffffff; line-height:30px; padding-left:100px; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; /* Firefox 3.6 and earlier */}

#main-content .main-content-rnav {line-height:44px;text-align:center; background: transparent url(../images/gfsds.png) repeat-x top;}
#main-content .main-content-nav ul li {height:25px; line-height:25px;}
#hor-nav{height:44px;}
#main-content #left-nav-aside .main-content-nav ul li , #search-aside span{height:20px; line-height:20px;}
#left-aside {background-color:#e7e6e6; border: 1px solid:#acabab}
#search-aside {
	/*background gradients */
	background:#cfcfcf;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(207,207,207)), color-stop(1, rgb(255,255,255)));
	background:-moz-linear-gradient(center bottom, rgb(207,207,207) 0%, rgb(255,255,255) 100%);
	
	/* border radius */
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	border-radius: 10px;
	border:1px solid #fff;
	
	/* text shadow */
	text-shadow: 1px 1px 0px #fff;
	
	/* box shadow*/
	-moz-box-shadow: 0 1px 3px #333;
	-webkit-box-shadow: 0 1px 3px #333;
	box-shadow: 0 1px 3px #333;
}
#search-aside figcaption{height:44px; line-height:44px; text-align:center; background-color:#ffffff; border-bottom:1px solid #a1a1a1; margin-top:1px;}
#search-aside figcaption span{}
#main-content .main-content-rnav  {margin-left:auto;}
#main-content .main-content-rnav a{color:#000000; text-decoration:none; line-height:40px; margin:auto; text-align:center;}
#main-content .main-content-rnav a:hover {color:#0000FF; text-decoration:underline; line-height:40px; margin:auto; text-align:center;}
#main-content .main-content-rnav a:active{color:#FF00; text-decoration:underline; line-height:40px; margin:auto; text-align:center;}


#content #hor-nav .vert-sep{float:left;height:40px; width:20px; background:transparent url(../images/3-catalog-vert-sep.png) no-repeat center }
#content #hor-nav a:hover{height:44px;background:transparent url(../images/3-catalog-m-hover.png) repeat-x center; }

#content-product-infor {height:30px; line-height:30px; margin:0 0 5px;text-align:center; background-color:#eeeeee; }

#content-product{height:1000px; margin-left:auto;}
#content-product img{height:160px; width:160px; border:1px solid #999999; background-color:#f9f9f9;} /*css for product images*/
#content-product .product:first-child{margin-left:0px;}
#content-product .product:last-child{margin-right:0px;}



/*
#more-blurb #blurb {height:320px;}
#more-blurb #blog {height:320px;}
*/
#main-footer {height:150px;}

#hfwrap {width:100%; background:transparent ;height:500px; position:relative;}
#lnwrap {width:100%; background:transparent;}
#hfwrap2 {
	height:500px;
	width:100%;
	position:absolute; 
	background:transparent url(img/large-phone.png) no-repeat 80% 0; 
}
#hfwrap3 {
	height:490px; 
	width:100%; 
	border-bottom:10px solid rgba(255, 255, 255, 0.5);
}

